<!DOCTYPE html>
<html lang="zh-cn">
<head>
	<meta charset="utf-8">
	<title> 任务一 </title>
</head>
<body>

	<header>
		<h1> 网站一级标题 </h1>
		<nav>
			<ul>
				<li> <a href="#"> 导航链接一 </a> </li>
				<li> <a href="#"> 导航链接二 </a> </li>
				<li> <a href="#"> 导航链接三 </a> </li>
				<li> <a href="#"> 导航链接四 </a> </li>
			</ul>
		</nav>
	</header>

	<article>
		<h2> 文章一级标题 </h2>
		<h3> 文章二级标题 </h3>
		<p> 文章作者：赵江涛 文章发表时间：2016年9月12日 </p>
		<p> 这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落,
			这是一个很长很长的段落，这是一个很长很长的段落，换行了<br>
			这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，换行了<br>
			这是一个很长很长的段落，这是一个很长很长的段落，<a href="http://ife.baidu.com/task/all"> 这里有一个链接链接到http://ife.baidu.com </a>这是一个很长很长的段落，这是一个很长很长的段落，<strong> 这里有个粗体字 </strong>这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落。
		</p>
		<img src="../img/default_img.png" alt="默认图片" width="290">
		<p>
			这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，换行了<br>
			这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，<strong> 这里有个粗体字 </strong>这是一个很长很长的段落，这是一个很长很长的段落，<a href="http://ife.baidu.com/task/all" target="_blank"> 这里有一个链接点击后打开新窗口链接到http://ife.baidu.com </a>，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落。
		</p>
	</article>

	<article>
		<h2> 另一篇文章一级标题 </h2>
		<h3> 文章二级标题 </h3>
		<p> 文章作者：赵江涛 文章发表时间：2016年9月12日 </p>
		<p> 这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落,
			这是一个很长很长的段落，这是一个很长很长的段落，换行了<br>
			这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，换行了<br>
			这是一个很长很长的段落，这是一个很长很长的段落，<a href="http://ife.baidu.com/task/all"> 这里有一个链接链接到http://ife.baidu.com </a>这是一个很长很长的段落，这是一个很长很长的段落，<strong> 这里有个粗体字 </strong>这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落。
		</p>
		<img src="../img/default_img.png" alt="默认图片" width="290">
		<ul>
			<li> 列表项目一 </li>
			<li> 列表项目二 </li>
			<li> 列表项目三 </li>
		</ul>

	</article>

	<article>
		<h2> 图片 </h2>
		<figure>
			<figcaption> 好看的图片 </figcaption>
			<img src="../img/default_img.png" alt="默认图片" width="290">
		</figure>
		<figure>
			<figcaption> 好看的图片 </figcaption>
			<img src="../img/default_img.png" alt="默认图片" width="290">
		</figure>
		<figure>
			<figcaption> 好看的图片 </figcaption>
			<img src="../img/default_img.png" alt="默认图片" width="290">
		</figure>
		<figure>
			<figcaption> 好看的图片 </figcaption>
			<img src="../img/default_img.png" alt="默认图片" width="290">
		</figure>
		<figure>
			<figcaption> 好看的图片 </figcaption>
			<img src="../img/default_img.png" alt="默认图片" width="290">
		</figure>
		<figure>
			<figcaption> 好看的图片 </figcaption>
			<img src="../img/default_img.png" alt="默认图片" width="290">
		</figure>
		<figure>
			<figcaption> 好看的图片 </figcaption>
			<img src="../img/default_img.png" alt="默认图片" width="290">
		</figure>
		<figure>
			<figcaption> 好看的图片 </figcaption>
			<img src="../img/default_img.png" alt="默认图片" width="290">
		</figure>
		<figure>
			<figcaption> 好看的图片 </figcaption>
			<img src="../img/default_img.png" alt="默认图片" width="290">
		</figure>
		<figure>
			<figcaption> 好看的图片 </figcaption>
			<img src="../img/default_img.png" alt="默认图片" width="290">
		</figure>
	</article>

	<article>
		<h2> 最后文章一级标题 </h2>
		<h3> 文章二级标题 </h3>
		<p> 文章作者：赵江涛 文章发表时间：2016年9月12日 </p>
		<ol>
			<li> 排名1 </li>
			<li> 排名2 </li>
			<li> 排名3 </li>
		</ol>
		<p> 下面是一个表格，给表格加了一个 border="1"，好让你看出是一个表格 </p>
		<table border="1">
			<tr>
				<th> 表头 </th>	<th> 表头 </th>	<th> 表头 </th>
			</tr>
			<tr>
				<td> 表内容单元格 </td>	<td> 表内容单元格 </td>	<td> <a href="#"> 操作 </a> </td>
			</tr>
			<tr>
				<td> 表内容单元格 </td>	<td> 表内容单元格 </td>	<td> <a href="#"> 操作 </a> </td>
			</tr>
			<tr>
				<td> 表内容单元格 </td>	<td> 表内容单元格 </td>	<td> <a href="#"> 操作 </a> </td>
			</tr>
			<tr>
				<td> 表内容单元格 </td>	<td> 表内容单元格 </td>	<td> <a href="#"> 操作 </a> </td>
			</tr>
			<tr>
				<td> 总计 </td>
				<td colspan="2"> 1000 </td>
			</tr>
		</table>
	</article>

	<aside>
		<h2> 这里以后是一个侧栏，这是侧栏的标题 </h2>
		<h3> 侧栏注册窗口 </h3>
		<form method="post" action="#">
			<label for="email"> 请输入邮箱地址： </label> <input type="text" id="email" name="email"> <br>
			<label> 邮箱地址请按要求格式输入 </label> <br>

			<label for="psd"> 请输入密码： </label><input type="password" id="psd" name="psd">
			<label for="comfirm_psd"> 请重复输入密码： </label> <input type="password" id="comfirm_psd" name="comfirm_psd"><br>
			<label> 密码请为6-16位英文数字 </label> <br>

			<label> 性别： </label> 
			<input type="radio" name="sex" id="male" checked>男
			<input type="radio" name="sex" id="female">女

			<label for="city"> 城市： </label>
			<select id="city" name="city">
				<option> 天津 </option>
				<option selected> 北京 </option>
				<option> 上海 </option>
			</select>

			<label> 爱好： </label>
			<input type="checkbox" id="sports" name="sports"> 运动 
			<input type="checkbox" id="art" name="art"> 艺术 
			<input type="checkbox" id="science" name="science"> 科学 

			<label for="des"> 个人描述： </label>
			<textarea id="des">
				这里是一个多行输入框，输入您的个人描述
			</textarea>

			<button type="submit"> 确认提交 </button>

		</form>
		<p> 版权所有©️ </p>
	</aside>

</body>
</html>